<!DOCTYPE html>

未引入thymeleaf:
<html class=" js csstransforms3d" lang="en">
引入thymeleaf:
<html class=" js csstransforms3d" lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.thymeleaf.org/thymeleaf-extras-shiro">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>导航栏</title>
    <link rel="stylesheet" th:href="@{~/static/css/base.css}" href="../static/css/base.css">
    <link rel="stylesheet" th:href="@{~/static/css/page.css}" href="../static/css/page.css">
    <script type="text/javascript" th:src="@{~/static/js/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{~/static/js/modernizr.js}"></script>
    <script type="text/javascript" th:href="@{~/static/js/jquery-3.3.1.min.js}" src="../static/js/jquery-3.3.1.min.js"></script>
</head>
<body>
<!--side S-->
<div class="super-side-menu">
    <div class="logo"><img src="../static/images/logo.png"></a></div>
    <div class="side-menu">
        <ul>
            <li class=""><a href="comment_list.html?page=1" target="Mainindex"><i class="ico-1"></i>资料管理</a></li>

            <li>
                <div shiro:hasPermission="manage" ><a href="user_info_List.html?page=1" target="Mainindex"><i class="ico-2"></i>账号管理</a>
                </div>
            </li>
        </ul>
    </div>
</div>
<!--side E-->
<script type="text/javascript">
    $(function () {
        $('.side-menu li').click(function () {
            $(this).addClass('on').siblings().removeClass('on');
        })
    })
</script>

</body>
</html>